<template>
	<view class="content">
		<view class="card-bg">
			<leo-list :show-icon="true" :show-arrow="true" :list="list"></leo-list>
		</view>
	</view>
</template>

<script>
	import leoList from '@/components/leo-list/leo-list.vue'
	export default {
		data() {
			return {
				list: []
			}
		},
			
		components: {
			leoList
		},
		
		onLoad() {
			let that = this;
			uniCloud.callFunction({
				// 云函数名字
				name: 'DB',
				data: {
					// 上传工作牌ID
					type: "select_list"
				},
				// 当运行成功时
				success(res) {
					 res = res.result
					if(res.l>0){
						console.log(res.li[0].icon)
						that.list = res.li
					}
				},
				fail() {},
				complete() {}
			});
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: #f5f7fa;
	}
	.content {
		/* #ifdef APP-PLUS */
		padding-top: var(--status-bar-height);
		/* #endif */
		/* #ifndef APP-PLUS */
		padding-top: 1rpx;
		/* #endif */
		padding-bottom: 1rpx;
		// min-height: calc(100vh - var(--status-bar-height));
		// background: linear-gradient(to, #3377ff,  #f5f7fa 564rpx);
		
		background: #f5f7fa;
	}
	
	.card-bg {
		margin: 24rpx 24rpx;
		padding: 24rpx 32rpx;
		background: #ffffff;
		border-radius: 20rpx;
		box-shadow: 0px 4rpx 20rpx 0rpx rgba(235,241,244,0.35);
	}
</style>
